<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta charset="gb2312">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=dege" />
    <meta name="format-detection" content="telephone=no" />
    <title>阳光大姐家政培训平台</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/swiper.min.css" />
    <link rel="stylesheet" href="css/animate.min.css" />
    <link href="images/favicon.ico" rel="icon" type="images/x-icon">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/headfoot.css" />
    <link rel="stylesheet" href="css/dyf.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/swiper.jquery.min.js"></script>
    <script src="js/index.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/wow.min.js"></script>
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
    <script>
        if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
            new WOW().init();
        }
    </script>
</head>

<body>
    <!--头部部分-->
    <div class="heads">
        <script>
            $(".heads").load("head.html");
        </script>
    </div>
    <div class="login">
        <div class="post">
            <div class="login_tit">
                <h1 class="active">登录</h1>
                <h1>注册</h1>
            </div>
            <div class="post_inner">
                <div class="login_item">
                    <ul>
                        <li>
                            <span> 账号 </span>
                            <div class="login_form">
                                <input type="text">
                            </div>
                        </li>
                        <li>
                            <span> 密码 </span>
                            <div class="login_form">
                                <input type="text">
                            </div>
                        </li>
                    </ul>
                    <a href="#"> 忘记密码 </a>
                    <button> 登录 </button>
                </div>
                <div class="login_item active">
                    <ul>
                        <li>
                            <span> 手机号 </span>
                            <div class="login_form">
                                <input type="text">
                            </div>
                        </li>
                        <li>
                            <span> 密码 </span>
                            <div class="login_form">
                                <input type="text">
                            </div>
                        </li>
                        <li>
                            <span> 验证码 </span>
                            <div class="login_form yan">
                                <input type="text">
                                <img src="images/yan.jpg" alt="">
                            </div>
                        </li>
                    </ul>
                    <p class="acv"> <input type="radio"> 同意并阅读 <a href="">《用户注册协议》</a> </p>
                    <button> 登录 </button>
                </div>
            </div>

        </div>
    </div>
    <!--页尾-->
    <div class="foots">
        <script>
            $(".foots").load("foot.html");
        </script>
    </div>
    <script>
        $(function () {
            $('.login_tit h1').click(function () {
                var liindex = $('.login_tit h1').index(this);
                $(this).addClass('active').siblings().removeClass('active');
                $('.post_inner .login_item').eq(liindex).fadeIn(150).siblings(".login_item").hide();
            });
        })
    </script>
</body>

</html>